class login {
    constructor() {
        // console.log(111);
        // this.denglu()
        // 给登录的按钮绑定事件
        // 这里的this指向的login的实例化对象，因为这里点击以后的回调函数用的是箭头函数
        this.$('.outline').addEventListener('click', this.denglu)
        // 获取product中的返回的url后边的值,以等号为分隔符
        // console.log(location.search.split('='));

        // 判断是否有回调页面
        // 如果有就分割
        let search = location.search
        if (search) {
            this.url = search.split('=')
        }




    }


    denglu = () => {
        // console.log(this);
        // 获取form表单
        let form = document.forms[0].elements
        // console.log(form);
        // 分别获取用户名和密码
        let username = form.uname.value.trim();
        let password = form.password.value.trim();
        // 判断密码不能为空，否则抛出错误
        // if (!username || !password) throw new Error('用户名和密码不能为空')
        // console.log(username, password);
        // 发送ajax请求
        // 设置请求头
        axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'
        // 变量名和属性名一致的时候直接写变量名
        let param = `username=${username}&password=${password}`
        axios.post('http://localhost:8888/users/login', param).then(res => {
            // console.log(res);
            // 判断登录的状态将用户的信息保存下来
            if (res.status == 200 && res.data.code == 1) {
                // 登录成功就将token保存到local
                localStorage.setItem('token', res.data.token)
                localStorage.setItem('user_id', res.data.user.id)
                localStorage.setItem('nickname', res.data.user.nickname)
                // 如果有回调的地址  则跳转
                // if (this.url) {
                // console.log(this.url);
                // location.href = this.url[1]
                // }
                // 直接跳转到主页
                location.assign('./index.html')

            } else {
                layer.open({
                    title: '登录提示'
                    , content: '用户名或者密码输入错误'
                });
            }
        }
        )
    }




















    // 封装一个获取节点的方法
    $(ele) {
        let res = document.querySelectorAll(ele)
        return res.length == 1 ? res[0] : res;
    }

}

new login;
